/*-- -------------------------- -->
<---      Core Dark Styles      -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  :root {
    --nav: #1b1464;
    --dark: #F2F2F2;
    --medium: #a4e8ff;
    --accent: #a4e8ff;
    --bodyTextColorWhite: #1b1464;
  }
  body.dark-mode {
    background-color: var(--dark);
  }
  body.dark-mode p,
  body.dark-mode li,
  body.dark-mode h1,
  body.dark-mode h2,
  body.dark-mode h3,
  body.dark-mode h4,
  body.dark-mode h5,
  body.dark-mode h6 {
    color: #1b1464;
  }
  body.dark-mode .carousel-caption p,
  body.dark-mode .carousel-caption li,
  body.dark-mode .carousel-caption h1,
  body.dark-mode .carousel-caption h2,
  body.dark-mode .carousel-caption h3,
  body.dark-mode .carousel-caption h4,
  body.dark-mode .carousel-caption h5,
  body.dark-mode .carousel-caption h6 {
    color: #000000;
  }
  body.dark-mode #footer h1.cs-content{
    color: #ffffff;
  }
  body.dark-mode .light {
    display: none;
  }
  body.dark-mode .dark {
    display: block !important;
  }
  .dark {
    display: none;
  }
}